﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
<head>
    <title>Gibson</title>    
    <vtex:metaTags/>
    <link href="/Control/ArquivoExibir.aspx?NomeArquivo=reset.css " rel="stylesheet" type="text/css" />
    <link href="/Control/ArquivoExibir.aspx?NomeArquivo=global.css " rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=jQ-commerce.js"></script>
	<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=jcar.js"></script>
    <script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=hotsite-gibson.js"></script>
	<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=coin-slider.min.js"></script>
</head>
<body>
	<div id="general">
        <vtex:template id="Header" />
        <div id="gibson">
            <div id="gibson-menu">
                <ul class="first-nav">
                    <li><a href="/">Reference</a></li>
                    <li class="last"><a href="/hotsite/gibson/">Gibson</a></li>
                </ul>
                <ul class="secondnav">
                    <li><a href="/">Home</a></li>
                    <li><a class="active">Recomendações</a></li>
                </ul>
            </div>
            <div id="gibson-logo">
                <a href="/hotsite/gibson/"><img src="/Control/ArquivoExibir.aspx?NomeArquivo=img_gibson_logo.png" alt="Gibson" /></a>
            </div>
            <div id="gibson-content">
                <div id="gibson-wrap">
                    <div id="fb-root"></div>
                    <script>(function(d, s, id) {
                      var js, fjs = d.getElementsByTagName(s)[0];
                      if (d.getElementById(id)) {return;}
                      js = d.createElement(s); js.id = id;
                      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                      fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));</script>

                    <div class="fb-like" data-href="www.reference.com.br" data-send="false" data-layout="button_count" data-width="100" data-height="35" data-show-faces="false"></div>
                    <div id="slider">
                        <a href="http://www.reference.com.br/0010501-Guitarra-Gibson-Les-Paul-Tribute-60-s/p" target="_blank"> 
                            <img src="/Control/ArquivoExibir.aspx?NomeArquivo=BannerTribute60.jpg" alt="" />
                        </a>
                        <a style="display: none;" href="http://www.reference.com.br/busca/?fq=H:145" target="_blank"> 
                            <img src="/Control/ArquivoExibir.aspx?NomeArquivo=BannerCaptadores.jpg" alt="" />
                        </a>
                        <a  style="display: none;" href="http://www.reference.com.br/0010444-Guitarra-Gibson-Sg-Sig-Angus-Young/p" target="_blank"> 
                            <img src="/Control/ArquivoExibir.aspx?NomeArquivo=BannerAngus.jpg" alt="" />
                        </a>
                    </div>
                    <script>
                        $(document).ready(function() {
                            $('#slider').coinslider({ hoverPause: false , width: 984, height: 375, delay: 2000 });
                        });
                    </script>
                    <div id="gibson-list" class="clearfix">
                        <div id="gibsonlist-left">
                            <p class="black"> Procure a sua Gibson por <strong>STYLE</strong> </p>
                            <div id="list-collection">
                                <div id="productslidewrapper">
                                    <div id="productslidercontainer">
                                        <vtex:contentPlaceHolder id="gibson-style" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="gibson-right">
                            <div id="gibson-products-nav">
                                <p class="black">Compre por <strong>Marca</strong></p>
                                <ul>
                                    <li class="active all"><a href="javascript:void(0)">All</a></li>
                                </ul>
                            </div>
                        </div>
                        <div id="navigation-steps">
                        </div>
                    </div>
                    <div id="recomend">
                        <h2>Nós da Reference Recomendamos</h2>
                        <div id="hotsite-navigation">
                            <ul>
                            </ul>
                        </div>
                        <div id="recomendwrap">
							<a href='#' id='btn_nav_prev'></a>
							<vtex:contentPlaceHolder id="gibson-list" />
							<a href='#' id='btn_nav_next'></a>
                            <!--<vtex:contentPlaceHolder id="gibson-indication" />-->
                        </div>
                    </div>
                    <div id="newsletter"><img class="img" src='/Control/ArquivoExibir.aspx?NomeArquivo=newsletter-title.png' alt='Newsletter' /><vtex.cmc:newsletterOptIn/></div>
                </div>
            </div>
        </div>
        <vtex:template id="Footer" />
	</div>
</body>
</html>